﻿<%@ Page Language="C#" AutoEventWireup="true" CodeFile="spread_info.aspx.cs" Inherits="Spread_spread_info" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>推广系统</title>
    <script type="text/javascript" src="../js/jquery1.6.2.js"></script>
    <link rel="stylesheet" href="../css/jquery.ui.all.css" /> 
	<script type="text/javascript" src="../js/jquery.ui.position.js"></script> 
	<script type="text/javascript" src="../js/jquery.ui.core.js"></script> 
	<script type="text/javascript" src="../js/jquery.ui.widget.js"></script> 
	<script type="text/javascript" src="../js/jquery.ui.button.js"></script> 
	<script type="text/javascript" src="../js/jquery.ui.tabs.js"></script> 
	<script type="text/javascript" src="../js/jquery.ui.dialog.js"></script> 
	<link rel="stylesheet" href="../css/demos.css" /> 
    <link rel="stylesheet" type="text/css" href="../css/index.css" />
    <script type="text/javascript">
       function NavList(ulId)
       {
         $(ulId).toggle("fast");
       }
       $(function(){
              var height=window.screen.availHeight-190;
              var width=window.screen.availWidth-270;
              var iframeSrc;
              $("#windows").attr("style"," width:"+width+"px;height:"+height+"px");
              $("#form1 div.left").attr("style","height:"+height+"px");
              $("a").click(function(){
              iframeSrc=$(this).attr("title");
                 addTab($(this).attr("id"));
                 
              });
        var $tab_title_input = $( "#tab_title"),
		$tab_content_input = $( "#tab_content" );
		var tab_counter = 1;
//label
			var $tabs = $( "#tabs").tabs({
			tabTemplate: "<li><a href='#{href}'>#{label}</a> <span class='ui-icon ui-icon-close'>Remove Tab</span></li>",
			add: function( event, ui ) {
				var tab_content = $("#div_add_tab1").text();
				$( ui.panel ).append( "<iframe width=\"100%\" height=\"100%\" frameborder=\"0\" scrolling=\"auto\" src=\""+iframeSrc+"\"></iframe>" );
			}
		});    
       function addTab(id) {
		
		     var leng=$("#tabs-"+id).length;
		    if(leng==0)
		    {
			var tab_title = $("#"+id).text();
			$tabs.tabs( "add", "#tabs-" + id, tab_title );
			//tab_counter++;
			}
		}
       $( "#tabs span.ui-icon-close" ).live( "click", function() {
			var index = $( "li", $tabs ).index( $( this ).parent() );
			$tabs.tabs( "remove", index );
		});
		});
    </script>
    <style type="text/css"> 
	#dialog label, #dialog input { display:block; }
	#dialog label { margin-top: 0.5em; }
	#dialog input, #dialog textarea { width: 95%; }
	#tabs { margin-top: 1em; }
	#tabs li .ui-icon-close { float: left; margin: 0.4em 0.2em 0 0; cursor: pointer; }
	#add_tab { cursor: pointer; }
	</style>
</head>
<body>
    <form id="form1" runat="server">
    <div class="top">欢迎使用推广平台</div>
    <div class="left">
      <p onclick="NavList(information);">信息管理</p>
        <ul id="information">
          <li><a id="1" href="?info=1" title="spread_information.aspx?id=basic" target="manage">基本信息</a></li>
            <li><a id="2" href="?info=2" title="spread_information.aspx?id=bank" target="manage">银行信息</a></li>
            <li><a id="3" href="?info=3" title="spread_information.aspx?id=password" target="manage">修改密码</a></li>
        </ul>
      <p onclick="NavList(spread);">业绩管理</p>
        <ul id="spread">
          <li><a id="spreadlist" href="?ad=1" title="spread_list.aspx" target="manage">推广业绩</a></li>
          <li><a id="spreadurl" href="?ad=2" title="spreadurl.htm" target="manage">推广链接</a></li>
        </ul>
    </div>
    <div id="windows" class="right">
        <div id="tabs">
	      <ul></ul>
        </div>
        <iframe id="manage" width="0" height="0" frameborder="0" scrolling="auto"></iframe>
    </div>
    </form>
</body>
</html>
